.commodityCard{
	background-color: #fff;
	padding:0 1rem;
	height:8.0rem;
	margin-bottom: 0.666667rem;
	position: relative;
	overflow: hidden;
	.commodity_title{
		font-size: 1.133333rem;
		color:#333;
		/*padding:.5rem 0;*/
		height:2.933333rem;
		line-height: 2.933333rem;
		border-bottom:#ddd 0.066667rem solid;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		// eslint-disable-next-line
		/*! autoprefixer: off */
		-webkit-box-orient: vertical;
		/* autoprefixer: on */
		i{
			float: right;
			line-height: 2.933333rem;
		}
	}
	.commodity_con{
		padding:.5rem 0;
		position: relative;
		/*transform: translate(-5rem,0);*/
		img{
			width:4.0rem;
			height:4.0rem;
			float: left;
		}
		.commodity_name{
			float: right;
			width: 18rem;
			padding:.1rem 0;
			height:5rem;
			p{
				font-size: 0.933333rem;
				color:#333;
				text-overflow: ellipsis;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				// eslint-disable-next-line
				/*! autoprefixer: off */
				-webkit-box-orient: vertical;
				/* autoprefixer: on */
			}
			span{
				color:#DF1212;
				font-size: 1.066667rem;
				position: absolute;
				top:3rem;
				right:1.5rem;
			}
		}
		.collect_cancel{
			width:5rem;
			height:5.2rem;
			color:#fff;
			background-color: rgb(233,18,18);
			position: absolute;
			top:0;
			left:20rem;
			margin-left: 4rem;
			text-align: center;
			padding-top:1rem;
			clear: both;
			display: inline-block;
		}
	}
}
